<template>
  <div id="">
	  <van-skeleton title :row="6" :loading="loading">
	    <!-- 问候 -->
	    <vansearch></vansearch>
	    <!-- 轮播图 -->
	    <swipe></swipe>
	    
	    <swipeList></swipeList>
	    <!-- 新品 -->
	    <listApi></listApi>
	    <!-- 为您推存 -->
	    <depositList></depositList>
	    <!-- 底部导航 -->
	    <tabBar :userName="0" :length="0" :dot='true'></tabBar>
	  </van-skeleton>
		
  </div>
  
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import vansearch from '@/components/home_page/van-search.vue'
import swipe from '@/components/home_page/swipe.vue'
import swipeList from '@/components/home_page/swipe_list.vue'
import listApi from '@/components/home_page/list_api.vue'
import depositList from '@/components/home_page/depositList.vue'
import tabBar from '@/components/home_page/tabBar.vue'


export default {
  // name: 'Home',
  components: {
    // HelloWorld,
	vansearch,
	swipe,
	swipeList,
	listApi,
	depositList,
	tabBar
  },
   data() {
      return {
        value: '',
		 loading: true,
      };
    },
	mounted() {
	    this.loading = false;
	  },
}
</script>
<style type="text/css">
	*{
		margin: 0;
		padding: 0;
		font-size: 1rem;
		text-align: left;
	}
</style>
